<!DOCTYPE html>
<html lang="en">
	<head>
		<title>cc</title>
		<!-- replace below with minifier -->
		<link rel="stylesheet" media="screen" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" media="screen" href="assets/css/font-awesome.min.css" />
		<link rel="stylesheet" media="screen" href="assets/css/default/style.css" />
		<script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
		<script type="text/javascript">
		(function ($) {
			$(document).ready(function() {
				$('a#user-card').click(function () {
					$('div#user-stats').slideToggle();
				});
			});
		})(jQuery);
		</script>
	</head>

	<body class="city5">
		<div id="user-stats">
			<div class="container" style="padding-top:10px;">
				<div class="row-fluid" style="height:175px;">
					<div class="span2">
						<div id="user-avatar" style="width:140px; height:140px; border: 1px solid black; background-color:white;">
						</div>
					</div>

					<div class="span4">
						<h6 class="section-header">Browse</h6>
					</div>

					<div class="span3">
						<h6 class="section-header"><i class="icon-envelope-alt icon-white"></i> Recent Mail</h6>
					</div>

					<div class="span3">
						<h6 class="section-header">Settings</h6>
						<ul class="nav nav-pills nav-stacked">
							<li><a href="#">Update Profile</a></li>
							<li><a href="#">Configure Options</a></li>
							<li><a href="#">Global Settings</a></li>
							<li><a href="#">Contact Staff</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="container">
			<div id="navigation-wrapper">
				<div id="user-funct" class="row">
					<div class="span6">
						Los Alamos <small>(<em>92 players</em>)</small>
					</div>
					<div class="span3 pull-right text-right">
						<i class="icon-user"></i> <a href="#" id="user-card">Demo User</a> | <i class="icon-envelope-alt"></i> <a href="inbox.php"><span class="badge badge-info">5</span></a> | <a href="#">Log out</a>
					</div>
				</div> <!-- end div#user-funct -->

				<div id="user-navigation" class="row">
					<div class="span12">
						<h1>Criminal Country</h1>
						<div class="row">
							<div class="span12">
								<ul class="nav">
									<li><a href="index.php">Home</a></li>
									<li><a href="#">Explore</a></li>
									<li><a href="#">Inventory</a></li>
									<li><a href="#">Gym</a></li>
									<li><a href="#">Forums</a></li>
									<li><a href="#">Search</a></li>
								</ul>
							</div>
						</div> <!-- end div.row -->
					</div>
				</div> <!-- end div#user-navigation -->
			</div> <!-- end div#navigation-wrapper -->

			<div id="messages" class="row-fluid">
				<div class="span12 alert">
					<button type="button" class="close" data-dismiss="alert">&times;</button>
					<b>Alert</b>! Your clan is currently at war with <a href="#">The Killers</a>.
				</div>
			</div>